<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="/jQuery_class_stu/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	//$(셀렉터).addClass("문자열") - 조회한 DOM 객체에 문자열 class 속성을 추가.
	$("div").eq(0).addClass("lightblue").end().filter(":odd").css({"background":"green", "color":"pink"})
	.not(".test").css("text-decoration", "underline").end().end().css("font-weight", "bold");
	alert($(".test").is("p"));
});
</script>
<style>
	div { 
		width:60px; height:60px; margin:10px;
        border:2px solid blue; 
	}
	.lightblue { 
		background:lightblue; color:white;
	}
</style>
</head>
 <body>
   <div>1번</div>
   <div>2번</div>
   <div>3번</div>
   <div>4번</div>
   <div>5번</div>
   <div>6번</div>
   
   <hr>
   <div class="test">가</div>
   <div class="test">나</div>
   <div class="test">다</div>
   <p class="test">라</p>
   
   
 </body>
</html>
